<style>

    #contacts-tab .contacts-slef {
        display: inline-block;
        background: #fff;
        color: #249caa;
        height: 30px;
        width: 110px;
        line-height: 30px;
        text-align: center;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }
    #contacts-tab .contacts-slef.active {
        background: #249caa;
        color: #fff;
    }
    .step1{
        margin: auto;
        width: 95%;;
    }
    #step1_item1 input, #step1_item1 textarea {
        font-size: 14px;
        width: 180px;
        height: 35px;
        color: #000;
        /*border: 1px solid #B3B3B3;*/
        /*border-radius: 3px;*/
        border:none;
    }
    .input label{
        font-size: 14px;
    }
    #submit_button{
        position: fixed;
        bottom: 5px;
    }

    .txt-err {
        color: #c00;
    }
    .info {
        /*padding-left: 83px;*/
        color: #b3b3b3;
        line-height: normal;
        margin: 5px 0 1px;
        font-size: 14px;
        text-align: left;
    }
    table{
        font-size: 14px;
        width: 99%;
    }
    #step1_item1{
        background-color: #ffffff;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .td-right{
        text-align: right;
    }
    select{
        font-size: 14px;
    }
    tr{
        border-bottom: 1px solid #f5f0ed;
        color: #632714;
        line-height: 42px;
    }

    .step1 label {
        display: inline-block;
        width: 84px;
    }

    #dict {
        width: 56%;
    }
    .ng-pristine {
        line-height: 35px;
    }
</style>

<div class="container">
    <form id="frmMain" method="post" class="ng-pristine">
        <div id="steps" class="boxsd">
            <div class="wrap wrapTop">
                <div class="num_1">信息</div>
                <div class="line_1"></div>
                <div class="num_1">2</div>
                <div class="line_1"></div>
                <div class="num_1">3</div>
            </div>
        </div>
        <!--<div id="steps">-->
            <!--<div class="wrap">-->
                <!--<img class="img1" src="imgs/step1.png" height="59" width="95%"/>-->
            <!--</div>-->
        <!--</div>-->
        <div class="form step1" id="step1_item1">
            <table>
                <tr>
                    <td class="td-right">
                        <label for="contact">您的称呼:&nbsp;<span style="color:#ff0000;">*</span></label>
                    </td>
                    <td>
                        <input type="text" id="contact" name="contact" ng-blur="onblur('warn_contact')"
                               placeholder="联系人称呼" required="required" data-title="联系人" data-ng-model="addr.contact"></br>
                        <div class="info txt-err" id="warn_contact" style="display: none;color: #ff0000">请填写正确的联系人</div>
                    </td>
                </tr>

                <tr>
                    <td class="td-right">
                        <label for="phone">手机号码:&nbsp;<span style="color:#ff0000;">*</span></label>
                    </td>
                    <td>
                        <input type="tel" name="phone" id="phone" data-ng-blur="onblur('warn_phone')"
                               placeholder="请输入手机号" required="required" data-title="手机号" data-ng-model="addr.phone"></br>
                        <div class="info txt-err" id="warn_phone" style="display: none;color: #ff0000">请填写有效的手机号码</div>
                    </td>
                </tr>

                <tr>
                    <td class="td-right">
                        <label for="city">选择地区:&nbsp;<span style="color:#ff0000;">*</span></label>
                    </td>
                    <td>
                        <select id="city" data-ng-model="addr.cityName">
                            <option value="北京" selected="selected">北京</option>
                        </select>
                        <select id="dict" data-ng-model="addr.dictName" data-ng-options="h.name as h.name for h in dicts">
                        </select>
                        </br>
                        <div class="info txt-err" id="warn_city" style="display: none;color: #ff0000">请选择城市</div>
                    </td>
                </tr>

                <tr>
                    <td class="td-right">
                        <label for="address">详细地址:&nbsp;<span style="color:#ff0000;">*</span></label>
                    </td>
                    <td>
                        <input type="text" id="address" ng-blur="onblur('warn_address')"
                               placeholder="请填写详细地址" required="required" ng-model="addr.address"></br>
                        <div class="info txt-err" id="warn_address" style="display: none;color: #ff0000">请填写详细地址</div>
                    </td>
                </tr>

                <tr>
                    <td class="td-right">
                        <label for="remark">备注(选填): </label>
                    </td>
                    <td>
                        <textarea placeholder="请留下备注。" id="remark" name="remark" data-ng-model="addr.remark"></textarea>
                    </td>
                </tr>
            </table>
        </div>
        <div id="submit_button" class="step1" style="margin-left: 2.5%;" ng-click="nextStep()">
            <a class="button primary">下一步</a>
        </div>
    </form>
</div>
